<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>345测评</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/util/utils.css" />
		<style>
			.dvcontainer{
				background-image: url(../../img/evaluation/BG_02.png);
				background-repeat-x: no-repeat;
				background-size: 100%;
			}
			
			.notetitle{
				background-color: #deeee; 
				font-size: 12px; 
				height: 40px; 
				text-align: center; 
				padding-top: 10px; 
				color: #616161;
			}
			
			.centernav{
				background-color: #8fb4bf;
				height: 38px;
				width: 100%;
				margin-top: 5px;
				display: flex;
				padding-top: 8px;
			}
			.centernav div{
				width: 25%;
				text-align: center;
				color: #FFFFFF;
			}
			
			.threehave{
				height: 100px;
				display: flex;
				text-align: center;
			}
			
			.threehave div{
				background-color: white;
				margin-left: 2px;
			}
			
			.fourwant{
				height: 100px;
				display: flex;
				text-align: center;
				margin-top: 1px;
			}
			
			.fourwant div{
				background-color: white;
				margin-left: 2px;
			}
			
			.fivesmeeting{
				height: 100px;
				display: flex;
				text-align: center;
				margin-top: 1px;
			}
			
			.fivesmeeting div{
				background-color: white;
				margin-left: 2px;
			}
		</style>
	</head>
	<body>
		<div id="topevalbg" class="topevalbg1">
			<img src="../../img/evaluation/banner_03.png" style="width: 100%;" />
		</div>
		<div class="dvcontainer">
			<div class="notetitle">
				<span><img src="../../img/evaluation/yuandian_03.png" style="width: 5px;"></span>
				<span>家庭教育是在家庭什么中，有家长对其子女实施的教育</span>
				<span><img src="../../img/evaluation/yuandian_03.png" style="width: 5px;"></span>
			</div>
			<div id="centernav" class="centernav">
				<div><span>测评</span></div>
				<div><span>视频</span></div>
				<div><span>评测报告</span></div>
				<div><span>月评估</span></div>
			</div>
			
			<div id="dvcontent">
				<div id="threehave" class="threehave">
					<div style="width: 25%; padding-top: 35px;">
						<span>
							<img id="threeHavePc" src="../../img/evaluation/you3_05.png" style="width: 50px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 20px;">
						<span>
							<img id="threeEval" src="../../img/evaluation/shipinicon_03.png" style="width: 60px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 20px;">
						<span>
							<img id="testres3" src="../../img/evaluation/sanyou_03.png" style="width: 73px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 15px;">
						<span>
							<img src="../../img/evaluation/quxiantu2_03.png" style="width: 67px;" />
						</span>
						<span style="display: block; color: #00A8C6; font-size: 11px;">
							距离下次评测
						</span>
						<span style="display: block; color: #00A8C6; font-size: 11px; margin-top: -8px;">还有<span style="color: #f7585e; font-size: 12px;">22</span>天</span>
					</div>
				</div>
				<div id="fourwant" class="fourwant">
					
					<div style="width: 25%; padding-top: 35px;">
						<span>
							<img id="fourWantPc" src="../../img/evaluation/yao4_07.png" style="width: 50px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 20px;">
						<span>
							<img id="fourEval" src="../../img/evaluation/shipinicon_03.png" style="width: 60px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 20px;">
						<span>
							<img id="testres4" src="../../img/evaluation/4yao_06.png" style="width: 73px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 15px;">
						<span>
							<img src="../../img/evaluation/quxiantu2_03.png" style="width: 67px;" />
						</span>
						<span style="display: block; color: #00A8C6; font-size: 11px;">
							距离下次评测
						</span>
						<span style="display: block; color: #00A8C6; font-size: 11px; margin-top: -8px;">还有<span style="color: #f7585e; font-size: 12px;">22</span>天</span>
					</div>
					
				</div>
				<div id="fivesmeeting" class="fivesmeeting">
					
					<div style="width: 25%; padding-top: 35px;">
						<span>
							<img id="fivesMeetingPc" src="../../img/evaluation/hui5_09.png" style="width: 50px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 20px;">
						<span>
							<img id="fivesEval" src="../../img/evaluation/shipinicon_03.png" style="width: 60px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 20px;">
						<span>
							<img id="testres5" src="../../img/evaluation/wuhui_08.png" style="width: 73px;" />
						</span>
					</div>
					<div style="width: 25%; padding-top: 15px;">
						<span>
							<img src="../../img/evaluation/quxiantu2_03.png" style="width: 67px;" />
						</span>
						<span style="display: block; color: #00A8C6; font-size: 11px;">
							距离下次评测
						</span>
						<span style="display: block; color: #00A8C6; font-size: 11px; margin-top: -8px;">还有<span style="color: #f7585e; font-size: 12px;">22</span>天</span>
					</div>
					
				</div>
			</div>
			<div style="height: 80px;"></div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script>
		document.getElementById("threeHavePc").addEventListener("tap", function(){
			mui.openWindow({
				url : "exem.html?exemid=12&evalid=3"
			});
		});
		
		document.getElementById("fourWantPc").addEventListener("tap", function(){
			mui.openWindow({
				url : "exem.html?exemid=13&evalid=4"
			});
		});
		
		document.getElementById("fivesMeetingPc").addEventListener("tap", function(){
			mui.openWindow({
				url : "exem.html?exemid=14&evalid=5"
			});
		});
		
		
		document.getElementById("testres3").addEventListener("tap", function(){
			mui.openWindow({
				url : "exemres3.html?evalid=3"
			});
		});
		
		document.getElementById("testres4").addEventListener("tap", function(){
			mui.openWindow({
				url : "exemres4.html?evalid=4"
			});
		});
		
		document.getElementById("testres5").addEventListener("tap", function(){
			mui.openWindow({
				url : "exemres5.html?evalid=5"
			});
		});
		
		document.getElementById("threeEval").addEventListener("tap", function(){
			mui.openWindow({
				url : "evallst.html?evalid=3"
			});
		});
		
		document.getElementById("fourEval").addEventListener("tap", function(){
			mui.openWindow({
				url : "evallst.html?evalid=4"
			});
		});
		
		document.getElementById("fivesEval").addEventListener("tap", function(){
			mui.openWindow({
				url : "evallst.html?evalid=5"
			});
		});
		
	</script>
</html>
